<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../css/currency.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-2.2.4.min.js"></script>
    <script src="../js/swiper.min.js"></script>
    <script src="../js/nav.js"></script>
    <title>黄金甲</title>
    <style>
        /*#section,.section-right{*/
            /*background-color:#f6f6f6;*/
        /*}*/
        .section-right{
            padding:0;
        }
        .section-right .title-right ul{
            padding:15px 0;
        }
        .details-1{
            align-items: stretch;
        }
        .details-1-left{
            width:600px;
        }
        .details-1-left img{
            width:100%;
            height:100%;
        }
        .details-1-right{
            background-color:#f2a433;
        }
        .details-1-right h1{
            font-size:30px;
            text-align: center;
            padding-bottom:10px;
        }
        .details-1-right ul{
            padding:40px;
        }
        .details-1-right ul li{
            text-align:left;
            color:white;
            padding:8px 0;
            font-size:18px;
        }
        .details-2 h2{
            font-size:24px;
            padding:5px 0;
        }
        .details-2{
            text-align: center;
            font-size:20px;
        }
        .details-2 ul li{
            padding:10px 0;
        }
    </style>
</head>
<style>
</style>
<body>
<!--顶部注册-->
<div class="whole-width-box top-style">
    <div class="content-box">
        <div class="top-content flex-box">
            <div class="top-content-left">
                <img src="../ico/ps_ico.png" alt="">
                <a href="">注册</a>/
                <a href="">登录</a>
            </div>
            <div class="top-content-right">
                <img src="../ico/kf_ico.png" alt="">
                在线热线：<a>021-52998185</a>
            </div>
        </div>
    </div>
</div>
<!--头部导航-->
<div class="whole-width-box">
    <div class="content-box">
        <div class="nav-box flex-box">
            <div class="logo-left"><img src="../img/logo.png" alt=""></div>
            <div class="box-1 nav-list-right">
                <ul class="flex-box">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="../news/index.html">新闻中心</a></li>
                    <li><a>产品与服务</a></li>
                    <li><a>数据资讯</a></li>
                    <li><a href="index.html" class="active_nav">黄金商城</a></li>
                    <li><a>关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--轮播图-->
<article id="artivle" class="whole-width-box">
    <div class="carousel-box">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/banner1.png" alt=""></div>
            </div>
            <!-- Add Pagination -->
            <!--<div class="swiper-pagination swiper-pagination-white"></div>-->
            <!-- Add Arrows -->
            <!--<div class="swiper-button-next swiper-button-white"></div>-->
            <!--<div class="swiper-button-prev swiper-button-white"></div>-->
        </div>
    </div>
</article>
<!--主体内容-->
<section id="section" class="whole-width-box">
    <div class="content-box">
        <div class="content-section flex-box">
            <div class="section-right box-1">
                <div class="title-right">
                    <h1 class="flex-box" style="padding:0; border:none;">
                        <ul class="flex-box box-1">
                            <li><img src="../ico/wz_ico.png" alt=""><a href="javascript:void(0)">首页</a></li>/
                            <li><a href="javascript:void(0)">关于我们</a></li>/
                            <li><a href="javascript:void(0)">公司简介</a></li>
                        </ul>
                    </h1>
                </div>
                <div class="nmall-details-box">
                    <div class="details-1 flex-box">
                        <div class="details-1-left">
                            <img src="../img/details_bn.png" alt="">
                        </div>
                        <div class="details-1-right box-1">
                            <ul>
                                <li><h1>商品属性</h1></li>
                                <li>品牌：黄金甲</li>
                                <li>货号：111111111</li>
                                <li>款式：千足金项链</li>
                                <li>名称：金算盘</li>
                                <li>材质：千足金</li>
                                <li>重量：5.52g</li>
                                <li>备注：黄金甲黄金甲黄金甲黄金甲黄金甲黄金甲黄金甲黄金甲黄金甲</li>
                            </ul>
                        </div>
                    </div>
                    <div class="details-2">
                        <ul>
                            <li><h2>大师巨作 传世典藏</h2></li>
                            <li>艺术大师徐悲鸿在数十年的绘画生涯中唯一以十</li>
                            <li>二生肖为题的稀世墨宝，是《十二生肖图》，</li>
                            <li>画中动物形象生动逼真、简练传神，以致该作被视为中国现代生肖题</li>
                            <li>材绘画的扛鼎之作。</li>
                            <li>2013蛇序呈祥，国富黄金传世金系列经典再续。</li>
                            <li>“徐悲鸿十二生肖册传世金蛇”取材《十二生肖</li>
                            <li>图》蛇生肖，浓缩中国传统生肖文化，再现大师高超笔墨技艺，极具艺术欣赏与文化收藏价值，</li>
                            <li>更可作为传家宝传承万代、荣耀家族！</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--底部-->
<footer id="footer" class="whole-width-box">
    <div class="content-box">
        <div class="list-footer-1">
            <ul class="flex-box">
                <li><a href="javascript:void(0)" class="active_ft">黄金甲荣誉</a></li>
                <li><a href="javascript:void(0)">合作机构</a></li>
                <li><a href="javascript:void(0)">友情链接</a></li>
                <li><a href="javascript:void(0)">关于黄金甲</a></li>
                <li><a href="javascript:void(0)">常见问题</a></li>
            </ul>
        </div>
        <div class="list-footer-2">
            <img src="../img/bm_t.png" style="width:100%;" alt="">
        </div>
        <div class="list-footer-3 flex-box">
            <div class="left-1">
                <h1>黄金甲产品：题材金 | 品牌金 | 代保管</h1>
                <h2>Copyright © 2017 上海黄金甲实业有限公司版权所有</h2>
            </div>
            <div class="right-1">
                <ul class="flex-box">
                    <li>
                        <img src="../img/ewm-1.png" alt="">
                    </li>
                    <li style="border-right:1px solid javascript:void(0)f2a434; ">
                        <img src="../img/ewm-2.png" alt="">
                    </li>
                    <li>
                        <h3>全国服务热线</h3>
                        <h4>+021-52998185</h4>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
//            nextButton: '.swiper-button-next',
//            prevButton: '.swiper-button-prev',
        spaceBetween: 30,
        effect: 'fade'
    });
</script>
</body>
</html>